import styled from "styled-components";

const CartListWrapper=styled.div`
margin-top: 10px;
img{
    /* float: left; */
    width: 8.5rem;
    border-radius: .3rem .3rem 0 0;
    /* margin-left: .5rem; */
}
.cart-list{
    float: left;
    width: 8.5rem;
    height: 9rem;
    margin-top: .5rem;
    margin-left: .5rem;
    border-radius: 0.5rem;
    background-color: white;
    &::after{
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    img{
      width: 100%;
    }
    p{
        color: black;
        font-size: .8rem;
        font-weight: normal;
        overflow:hidden;
       text-overflow: ellipsis;
       display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。
       -webkit-box-orient:vertical; //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
      -webkit-line-clamp: 2; //显示两行   
    }
    .title{
         margin: .3rem;
    }
.cart-price{
    margin: .5rem;
   
    p{
        color: red;
       float: left;
    }
}
.first-pay{
    margin-left: 3rem;
    p{
        font-size: .5rem;
    }
}
}
`

export {
    CartListWrapper
}